/* ---------  base_screen.css  ----------- */
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url(/vert/Default/Css/social.css);
html {
    margin: 0;
    padding: 0;
    border: 0;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */ 
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }

/* ----  typography.css   * Sets up some sensible default typography.     ------ */

/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
    font-size: 75%;
    color: #525252;
    font-family: Segoe UI Semibold, arial, sans-serif;
    line-height: 1.5;
}
/* ------  image sprites  ---------*/
@import '/vert/default/css/sprite.css';

/* ------- Headings    ------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #666666; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

/* ---------    Text elements   --------- */

p { margin: 0 0 1.5em; color:#525252; }

/* These can be used to pull an image at the start of a paragraph, so that the text flows around it (usage: <p><img class="left">Text</p>) */
.left  			{ float: left !important; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right 			{ float: right !important; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }
input.left {margin-right: 10px;}
input.right {margin-left: 10px;}

a:focus,
a:hover     { color:#08b0dd; }
a           { color: #666666; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn	{ font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* ------------  Lists     ----------------- */

li ul,
li ol       { margin:0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* -------------  Tables        ------------- */

/* Because of the need for padding on TH and TD, the vertical rhythm on table cells has to be 27px, instead of the standard 18px or 36px of other elements. */ 

table       { }
th          { font-weight: normal; }
thead th 		{}
th,td,caption { padding: 0px 0px 0px 0px; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* -----------    Misc classes   ------------------------ */

caption      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.notes, .small, .smalledit {font-size: .9em;}
.smaller {font-size: .8em;}
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
th.notes {font-weight: normal; text-align: center;}

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
/* --------  grid.css ------------------------------------ */

/* A container should group all your columns. */
.container {
  width: 1140px;
  margin: 0 auto;
  text-align: left;
  background-color:#ffffff;
  border-left: solid 1px #08b0dd;
  border-right: solid 1px #08b0dd;
  min-height:900px;

}

/* Use this class on any .span / container to see the grid. */
.showgrid {
  /*background: url(file:///F|/grid.png);*/
}

/* --------   Columns   ------------ */

/* Sets up basic grid floating and margin. */
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {
  float: left;
  margin-right: 12px;
}

/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  {width: 36px;}
.span-2  {width: 84px;}
.span-3  {width: 132px;}
.span-4  {width: 180px;}
.span-5  {width: 228px;}
.span-6  {width: 276px;}
.span-special292  {width: 292px;}
.span-special300  {width: 300px;}
.span-7  {width: 324px;}
.span-8  {width: 372px;}
.span-8-special  {width: 410px;}
.span-9  {width: 420px;}
.span-10  {width: 468px;}
.span-11  {width: 516px;}
.span-12  {width: 564px;}
.span-13  {width: 612px;}
.span-14  {width: 660px;}
.span-15  {width: 708px;}
.span-16  {width: 756px;}
.span-17  {width: 804px;}
.span-18  {width: 852px;}
.span-19  {width: 900px;}
.span-20  {width: 948px;}
.span-20l  {width: 948px;}
.span-20-special  {width: 938px;}
.span-20-landing  {width: 60%; margin: 0 auto;}
.span-21  {width: 996px;}
.span-21-special  {width: 1040px;}
.span-22  {width: 1044px;}
.span-23  {width: 1092px;}
.span-24  {width: 1140px;}
.banner-span {width: 1140px;}

/* Use these classes to set the width of an input. */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
  border-left-width: 1px;
  border-right-width: 1px;
  padding-left: 5px;
  padding-right: 5px;
}

input.span-1, textarea.span-1 { width: 24px; }
input.span-2, textarea.span-2 { width: 72px; }
input.span-3, textarea.span-3 { width: 120px; }
input.span-4, textarea.span-4 { width: 168px; }
input.span-5, textarea.span-5 { width: 216px; }
input.span-6, textarea.span-6 { width: 264px; }
input.span-7, textarea.span-7 { width: 312px; }
input.span-8, textarea.span-8 { width: 360px; }
input.span-9, textarea.span-9 { width: 408px; }
input.span-10, textarea.span-10 { width: 456px; }
input.span-11, textarea.span-11 { width: 504px; }
input.span-12, textarea.span-12 { width: 552px; }
input.span-13, textarea.span-13 { width: 600px; }
input.span-14, textarea.span-14 { width: 648px; }
input.span-15, textarea.span-15 { width: 696px; }
input.span-16, textarea.span-16 { width: 744px; }
input.span-17, textarea.span-17 { width: 792px; }
input.span-18, textarea.span-18 { width: 840px; }
input.span-19, textarea.span-19 { width: 888px; }
input.span-20, textarea.span-20 { width: 936px; }
input.span-21, textarea.span-21 { width: 984px; }
input.span-22, textarea.span-22 { width: 1032px; }
input.span-23, textarea.span-23 { width: 1080px; }
input.span-24, textarea.span-24 { width: 1128px; }

/* Add these to a column to append empty cols. */

.append-1  { padding-right: 48px; } 
.append-2  { padding-right: 96px; } 
.append-3  { padding-right: 144px; } 
.append-4  { padding-right: 192px; } 
.append-5  { padding-right: 240px; } 
.append-6  { padding-right: 288px; } 
.append-7  { padding-right: 336px; } 
.append-8  { padding-right: 384px; } 
.append-9  { padding-right: 432px; } 
.append-10  { padding-right: 480px; } 
.append-11  { padding-right: 528px; } 
.append-12  { padding-right: 576px; } 
.append-13  { padding-right: 624px; } 
.append-14  { padding-right: 672px; } 
.append-15  { padding-right: 720px; } 
.append-16  { padding-right: 768px; } 
.append-17  { padding-right: 816px; } 
.append-18  { padding-right: 864px; } 
.append-19  { padding-right: 912px; } 
.append-20  { padding-right: 960px; } 
.append-21  { padding-right: 1008px; } 
.append-22  { padding-right: 1056px; } 
.append-23  { padding-right: 1104px; } 
.append-gutter  { padding-right: 6px; }
 
/* Add these to a column to prepend empty cols. */

.prepend-1  { padding-left: 48px; } 
.prepend-2  { padding-left: 96px; } 
.prepend-3  { padding-left: 144px; }
.prepend-3-special  { padding-left: 170px; } 
.prepend-4  { padding-left: 192px; } 
.prepend-5  { padding-left: 240px; } 
.prepend-6  { padding-left: 288px; } 
.prepend-7  { padding-left: 336px; } 
.prepend-8  { padding-left: 384px; } 
.prepend-9  { padding-left: 432px; } 
.prepend-10  { padding-left: 480px; } 
.prepend-11  { padding-left: 528px; } 
.prepend-12  { padding-left: 576px; } 
.prepend-13  { padding-left: 624px; } 
.prepend-14  { padding-left: 672px; } 
.prepend-15  { padding-left: 720px; } 
.prepend-16  { padding-left: 768px; } 
.prepend-17  { padding-left: 816px; } 
.prepend-18  { padding-left: 864px; } 
.prepend-19  { padding-left: 912px; } 
.prepend-20  { padding-left: 960px; } 
.prepend-21  { padding-left: 1008px; } 
.prepend-22  { padding-left: 1056px; } 
.prepend-23  { padding-left: 1104px; } 

/* Border on right hand side of a column. */
.border {
  padding-right: 5px;
  margin-right: 6px;
  border-right: 1px solid #ddd;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 29px;
  margin-right: 30px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -48px; }
.pull-2 { margin-left: -96px; }
.pull-3 { margin-left: -144px; }
.pull-4 { margin-left: -192px; }
.pull-5 { margin-left: -240px; }
.pull-6 { margin-left: -288px; }
.pull-7 { margin-left: -336px; }
.pull-8 { margin-left: -384px; }
.pull-9 { margin-left: -432px; }
.pull-10 { margin-left: -480px; }
.pull-11 { margin-left: -528px; }
.pull-12 { margin-left: -576px; }
.pull-13 { margin-left: -624px; }
.pull-14 { margin-left: -672px; }
.pull-15 { margin-left: -720px; }
.pull-16 { margin-left: -768px; }
.pull-17 { margin-left: -816px; }
.pull-18 { margin-left: -864px; }
.pull-19 { margin-left: -912px; }
.pull-20 { margin-left: -960px; }
.pull-21 { margin-left: -1008px; }
.pull-22 { margin-left: -1056px; }
.pull-23 { margin-left: -1104px; }
.pull-24 { margin-left: -1152px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}

.push-1 { margin: 0 -48px 1.5em 48px; }
.push-2 { margin: 0 -96px 1.5em 96px; }
.push-3 { margin: 0 -144px 1.5em 144px; }
.push-4 { margin: 0 -192px 1.5em 192px; }
.push-5 { margin: 0 -240px 1.5em 240px; }
.push-6 { margin: 0 -288px 1.5em 288px; }
.push-7 { margin: 0 -336px 1.5em 336px; }
.push-8 { margin: 0 -384px 1.5em 384px; }
.push-9 { margin: 0 -432px 1.5em 432px; }
.push-10 { margin: 0 -480px 1.5em 480px; }
.push-11 { margin: 0 -528px 1.5em 528px; }
.push-12 { margin: 0 -576px 1.5em 576px; }
.push-13 { margin: 0 -624px 1.5em 624px; }
.push-14 { margin: 0 -672px 1.5em 672px; }
.push-15 { margin: 0 -720px 1.5em 720px; }
.push-16 { margin: 0 -768px 1.5em 768px; }
.push-17 { margin: 0 -816px 1.5em 816px; }
.push-18 { margin: 0 -864px 1.5em 864px; }
.push-19 { margin: 0 -912px 1.5em 912px; }
.push-20 { margin: 0 -960px 1.5em 960px; }
.push-21 { margin: 0 -1008px 1.5em 1008px; }
.push-22 { margin: 0 -1056px 1.5em 1056px; }
.push-23 { margin: 0 -1104px 1.5em 1104px; }
.push-24 { margin: 0 -1152px 1.5em 1152px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: left; position:relative;}

.special-gutter {margin-left:8px;}
/* -------------------  Misc classes and elements        ----------------- */

/* In case you need to add a gutter above/below an element */
div.prepend-top, .prepend-top {
	margin-top:1.5em;
}
div.append-bottom, .append-bottom {
	margin-bottom:1.5em;
}

/* Use a .box to create a padded box inside a column.  */
.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #e5eCf9;
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  margin: 0 0 1.4em;
  border: none;
}
hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden;
}

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix, .container {display: block;}

/* Regular clearing apply to column that should drop below previous ones. */

.clear, clearer { clear:both; }
/* -------------  forms.css  -------------------------------- */

/* A special hack is included for IE8 since it does not apply padding correctly on fieldsets */ 
label       { font-weight: normal; }
fieldset    { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #eef; }
legend      { font-weight:300; font-size:1.1em; margin-top:-0.2em; margin-bottom:1em; font-style:italic;}

fieldset, #IE8#HACK { padding-top:1.4em; } 
legend, #IE8#HACK { margin-top:0; margin-bottom:0; }

/* Form fields
-------------------------------------------------------------- */

/* Attribute selectors are used to differentiate the different types of input elements, but to support old browsers, you will have to add classes for each one. ".title" simply creates a large text field, this is purely for looks. */
input[type=text], input[type=password],
input.text, input.title,
textarea {
  background-color:#fff;
  border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus {
  border-color:#666;
}
select { background-color:#fff; border-width:1px; border-style:solid; }

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.1em 0;
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }

/* This is to be used on forms where a variety of elements are placed side-by-side. Use the p tag to denote a line.  */
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

/* Success, info, notice and error/alert boxes  ------------- */

.error,
.alert, 
.notice,
.success, 
.info 			{ padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice     { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success    { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info 			{ background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a, .alert a { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.info a			{ color: #205791; }

/* Baseline rhythm */
body { font-size: 16px; line-height: 1.1em; }
h1 { font-size: 3em; line-height: 1em; margin-bottom: 0.5em; }
h2 { font-size: 1.5em; line-height: 1.1em; margin-bottom: 0.4em; margin-top: 0.4em; color:#525252; font-family:Segoe UI Semibold, arial, sans-serif;}
h3 { font-size: 1.5em; line-height: 1em; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.2500000000000002em; margin-bottom: 1.2500000000000002em; }
h5 { font-size: 1em; line-height: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; }

.container { padding-top:10px }

/* beginning of Gorilla Toolz CSS    */

.col_left {float: left;	width: 48%;}
.col_right {float: left; width: 48%; margin-left: 20px;}

.right_body { font-size: .7em;	text-align: center;}            

ol, ul {padding: 0px 20px 0px 30px;}
li {margin-bottom: 8px;}

a img {border: none;}
img.portrait {padding: 1px; border: 2px solid #cccccc; margin: 0px 0px 10px 10px;}

.media {float: right; text-align: center; margin-bottom: 10px; margin-left: 0px;}
.media img {border: 1px solid #aaa !important;}
.media input.button {margin-top: 6px;}

/* ----------------------------- COLUMN_LEFT ----------------------------- */
/*.navigation_column {background: #dddddd; min-height:1050px;}
.navigation_column h3 {font-family:Segoe UI Semibold, arial, sans-serif; font-size: 1.2em; color:#525252; margin-left:8px; text-decoration: underline;}
.navigation_column li {font-size: .85em; list-style-type:none; margin-left:-16px; line-height:.9em; }
.navigation_column a:link, a:visited {text-decoration: none;}
.navigation_column h3:hover {color:#08b0dd;}*/ 

/* ----------------------------- COLUMN_CENTRAL ----------------------------- */

/* ----------------------------- Special Boxes ----------------------------- */
.special_box { }
html body .special_box  {display:inline; border: 1px solid #909090;}
.special_box div.box {padding-left:2px; margin-bottom: 10px;}
.special_box  .inner {width: 298px; background-color: #f4f4f4; height: 300px;	margin-top: 55px; overflow:auto;}
.special_box  a:link, a:visited {text-decoration:none;}
.special_box { }

html body .special_box2  {display:inline; border: 1px solid #909090;}
.special_box2 div.box {padding-left:2px; margin-bottom: 10px;}
.special_box2  .inner {width: 288px; background-color: #f4f4f4; height: 340px;	margin-top: 55px; overflow:auto;}
.special_box2  a:link, a:visited {text-decoration:none;}

/*.partnerops{float: left; background: url(/vert/Default/images/partner_ops_top.gif) no-repeat; background-position:center top;}
.growthideas{float: left; background: url(/vert/Default/images/grow_business_top.gif) no-repeat; background-position:center top;}
.news{float: left; background: url(/vert/Default/images/latest_news_top.gif) no-repeat; background-position:center top;}

.middle_box{margin-left:14px; margin-right:14px;}
.resellers{float: left; background: url(/vert/Default/images/resellers_top.gif) no-repeat; background-position:center top;}*/

.partnerops {
    float: left;
}

.growthideas {
    float: left;
}

.news {
    float: left;
}

.middle_box {
    margin-left: 14px;
    margin-right: 14px;
}

.resellers {
    float: left;
}

#scroll_box, #RSSNews_box, #message_box, #FAQ_box, #message_box_upload  {width: 85%; margin: 0 auto; padding: 10px 10px 0px 10px; height: 450px; overflow: scroll; background-color: #f0f0f0; border: 1px solid #aaa;}
#RSSNews_box {width: 96%; height: 520px;}
#message_box {height: 150px;}
#message_box_upload {width: 95%; height: 150px;}
#FAQ_box {width: 90%; height: 400px;}

/* ----------------------------- COLUMN_CENTRAL End  ----------------------------- */
/* ----------------------------- FORM_2COLUMN and other form controls ----------------------------- */

.nofloat label {width: auto !important;}
label.nofloat {float: none;	display: inline;}

input.field, select, textarea {font: 1em Segoe UI Semibold, arial, sans-serif; border: 1px solid #7492b3; padding: 2px;}
input:hover.field, select:hover, textarea:hover {background-color: #eee;}
input:focus.field, texarea:focus {background-color: #eee;}
input.field {width: 204px;}
#edit_registry fieldset#event_promoter_contact_information input.field {width: 160px;}

input.field20 {width: 20px;}
input.field35 {width: 35px;}
input.field40 {width: 40px;}
input.field60 {width: 60px;}
input.field95 {width: 95px;}
input.field130 {width: 130px;}
input.field150 {width: 150px;}
input.field160 {width: 160px;}
input.field200 {width: 200px;}
input.field250 {width: 250px;}
input.field270 {width: 270px;}
input.field315 {width: 315px !important;}

select:focus, textarea:focus {background-color: white;}

label.disabled {color: #999;}
input.disabled, textarea.disabled {background-color: white;	border-color: #999;}
input:hover.disabled, texarea:hover.disabled {background-color: white !important;}

.option {padding: 1px;}

fieldset {border: 0px solid #c2cedb; padding: 10px; margin: 0;	background: #eff8fb; border-radius: 10px; overflow: hidden;}
fieldset legend {font-weight: 300;	color: #666; font-size: 1.2em; text-align:left; margin-top:0px; }

.error_message {color: #a00;}
.required {font-size: 80%; color: #a00;}
p.required {margin-bottom: 10px; text-align: right;}
.symbol {}
.special_h2 { font-size: 1.5em; line-height: 1.1em; margin-bottom: 0.4em; margin-top: 0.4em; color:#525252; font-family:Segoe UI Semibold, arial, sans-serif;}
.special_h4 { font-size: 1.2em; line-height: 1.2500000000000002em; margin-bottom: 1.2500000000000002em; color:#525252; font-family:Segoe UI Semibold, arial, sans-serif;}


.login label {width: 100px;	text-align: left; float:left;}
.login input {float:left;}

#select_role label {width: 100px;}

#radbutton input{margin-right: .3em; margin-left: 150px; float: left;}

/* ----------------------------- SHOW_PROFILE ----------------------------- */
.show_profile .label {padding-right: 10px; font-weight: bold; line-height:1.5em;}

/* ----------------------------- COLUMN_RIGHT ----------------------------- */
.ad_column h4 {font-size: 1.05em; text-align: left;}
.ad_column h5 {font: 1.05em normal; text-align: left; color: #027319;}
.ad_column a {color: #264d69; font: 1.05em;	text-decoration:none;}
.ad_column a.h3 {color: #264d69;	font: 1.05em bolder; text-decoration:underline;}
.ad_column span.a {color: #999;}
.ad_column .radr_clipRegion {border: none 0px !important;}
	  
/* ----------------------------- FOOTER ----------------------------- */
.footer {text-align: center; padding-top: 10px; border-right: solid 1px #08b0dd;  border-left: solid 1px #08b0dd; height: 54px; font-size: .9em; color:#333333; width:1140px; margin: 0 auto;}
.footer .keywords {margin-top: 6px;}
.version {text-align: center; font-size: .8em;}

/* ----------------------------- COPYRIGHT ----------------------------- */
.copyright {background: #333; color: white; text-align: center; font-size: .8em;}
.copyright a {color: white;}
.copyright a:hover {color: #ccc;}

/* ----------------------------- HEADER ----------------------------- */
#header #alert {float: left; text-align: left; font-size: .875em; font-weight: bold; color: Aqua; margin-top: 15px;	margin-right: 13px;	width: 240px;}
html>body #header #alert {margin-left: 10px;}

.status {float: right; text-align: right; font-size: .9em;	margin-top: 40px; margin-right: 6px; margin-bottom: 6px;}

.c_gauge {width:177px; height:92px; color:#515151; font-family:Arial, Helvetica, sans-serif; font-size:.8em;}

.newbuttonlist input {width: 12px; height:12px; padding-top:10px; margin:0px; position:relative; top:8px; }
.newbuttonlist label {display:block; padding-left:25px; text-indent:-1px; margin-top:-6px; }
/*    Link Button   */
/*a:link, a:visited {
    background-color: #f44336;
    color: white;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

a:hover, a:active {
    background-color: red;
}*/

/* -- Buttons ------------*/
input.button, input.button_large, input.button_120, input.button_140, input.button_150, input.button2, input.create_patient_button, input.create_patient_button_large, input.button_small, input.button_smallest, input.go_button, input.button_join, input.button_dashboard, input.button_dashboard_l {
    color: white;
    text-align: center;
    font: 1.45em Segoe UI Semibold, arial, sans-serif;
    padding-bottom: 3px;
    border: 0px;
    width: 110px;
    height: 28px;
    background: transparent;
    cursor: pointer;
}
.linkbutton_join {
    color: white !important;
    text-align: center;
    font: 1.45em Segoe UI Semibold, arial, sans-serif;
    padding-bottom: 3px;
    border: 0px !important;
    border-radius: 6px !important;
    width: 110px;
    height: 28px;
    background: #000 url() border-box 0px !important;
}

input.button_large {
    font-size: 1.3em;
    width: 180px;
    background: transparent;
}
input.button_120 {font-size: 1.3em; width: 120px; background: url();}
input.button_dashboard {font-size: 1em; width: 120px; background: url();}
input.button_dashboard_l {font-size: .9em; width: 160px; background: url();}
input.button_140 {font-size: 1.2em; width: 140px; background: url();}
input.button_150 {
    font-size: 1.2em;
    width: 150px;
    background: url();
}
input.button2 {font-size: 1.45em; width: 100px; background: url();}
input.button_smallest {font-size: 1.1em; width: 72px; background: url(); margin-bottom:2px; padding-bottom:1px;}
input.go_button {font-size: 1em; width: 26px; height: 22px; background: url(); margin-top:-22px; margin-bottom:2px; padding-bottom:1px;}
input.secondary {background: url() top left no-repeat;}
input:hover.button {color: #a4c2e3;}
input:hover.secondary {color: #ccc;}
input:hover.button_smallest {color: #003d00;}
input.create_patient_button {font-size: 1em; width: 120px; padding-left: 2px;}
input.create_patient_button_large {font-size: 1.2em; width: 204px; padding-left: 2px;}
.button_right {margin-right:20px;}

/* ----------------------------- QUICKSEARCH ----------------------------- */
.quicksearch {line-height: 20px; font-size: 1.05em;}
.quicksearch input.radio {margin-left: 2px;	margin-right: 2px; margin-bottom: -2px;}
.quicksearch input.button {margin-top: 6px;	font-size: 1.5em;}
.quicksearch h3 {margin-top: 8px; margin-bottom: 0px;}
.quicksearch h2 {font-size: 1.65em;}

.centeredImage  {text-align:center; display:block; }
/* so that the rad grid does not display the items per page box */
.rgAdvPart { display: none; }

/*   Main horizontal navigation bar    */
.nav_primary { height: 27px; background: url() repeat top left; clear: both; text-align: center;}

/*   Login page box    */
.login_page_container {margin-left:0px;}
.login_page_box {margin-top:0px; width:225px; height:300px; padding-top: 0px; padding-left: 0px; background-color: white;	border: 1px solid #525252;}
.login_page_box h3 {height: 30px; padding-top: 6px; font-size: 1.1em; font-weight: bold; line-height: 25px; color: white; background-color: #666666; text-align: center;}
.login_page_text p {font-size: 1.1em; line-height: 1.25; margin-bottom: 1.25em;}
.login_page_text b {font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; font-weight: bold; color: #08b0dd; }
.join_box {margin-top:0px; height:300px; padding-top: 0px; padding-left: 0px; background: white; border: 1px solid #525252;}
.join_box_width {width: 600px;}
.join_box_inner_width {width:520px;}
.join_box h3 {height: 30px; padding-top: 6px; text-align: center; font-size: 1.1em; font-weight: bold; line-height: 25px; color: white; background-color: #666666;}
.login_tab  {color:#525252; text-align: center;	font: 1.1em Segoe UI Semibold, arial, sans-serif; padding-bottom:3px; border: 0px;	width: 168px; height: 31px;	background: url(/vert/Default/images/login_tab.gif) top left no-repeat;cursor: pointer; float:left}
.login_tab1 {color:#525252; text-align: center;	font: 1.1em Segoe UI Semibold, arial, sans-serif; padding-bottom:3px; border: 0px;	width: 168px; height: 31px;	background: url(/vert/Default/images/login_tab.gif) top left no-repeat;cursor: pointer; float:left}
.login_tab2 {color:#525252; text-align: center;	font: 1.1em Segoe UI Semibold, arial, sans-serif; padding-bottom:3px; border: 0px;	width: 168px; height: 31px;	background: url(/vert/Default/images/login_tab.gif) top left no-repeat;cursor: pointer; float:left}
.login_tab3 {color:#525252; text-align: center;	font: 1.1em Segoe UI Semibold, arial, sans-serif; padding-bottom:3px; border: 0px;	width: 168px; height: 31px;	background: url(/vert/Default/images/login_tab.gif) top left no-repeat;cursor: pointer; float:left}

/*   External Login page box    */
.login_page_boxx {margin-top:20px; width:225px; height:360px; margin-left:470px; padding-top: 0px; padding-left: 0px; background-color: white; border: 1px solid #525252;}
.login_page_boxx h3 {height: 25px; padding-top: 0px; padding-left: 122px; font: 1.25em Segoe UI Semibold, arial, sans-serif; font-weight:bold; line-height: 20px; color:white; background-image: url(); background-color: #0073c6;}
.login_page_box_external {margin-top:0px; width:225px; height:300px; padding-top: 0px; padding-left: 0px; background-color: white; border: 1px solid gray;}
.login_page_box_external_return {margin-top:0px; margin-left:330px; margin-top:-100px; width:480px; height:300px; padding-top: 0px; padding-left: 0px; background-color: white;border: 1px solid gray;}
.login_page_box_external_return h3 {height: 30px; padding-top: 6px; font-size: 1.1em; font-weight: bold; line-height: 25px; color: white; background-color: #666666; text-align: center;}

/*   profile heading classes    */
.profile_edit_link {padding-left:8px; vertical-align:middle; text-decoration:underline; font-size:.9em;}
.profile_note {padding-left:10px; vertical-align:middle; font-size:.9em;}
.page_head { font-size: 1.4em; line-height: 1.1em; margin-bottom: 0.4em; margin-top: 0.4em;  color:#666666; font-family:Segoe UI Semibold, arial, sans-serif;}
.h3_snapshot {font-size: 1.5em; line-height: 1; margin-bottom: 1em; color:#666666; font-family:Segoe UI Semibold, arial, sans-serif;}

/*-------------------------- Search Results -------------------------------------*/
.contacts_sr_namebox {width:340px; border-right: 2px solid gray; float:left; font-size:1.4em; color:#525252; vertical-align:top;}
.sr_name { }
.sr_groupname { font-size:medium; }
.sr_role { font-size: .8em;}
.sr_desc { font-size:1em; font-style:italic; font-family:lucida grande,tahoma,verdana,arial,sans-serif; width:412px; margin-left:350px; color:#525252; margin-top:-16px;}
.sr_location { font-style:italic;font-size:.9em;}
.sr_phone {  font-size: .8em;}
.sr_image { border:0px; vertical-align:top; }
.sr_edit_delete_icon {float:right; margin-right:2px;}
.sr_mailto { font-weight:bold; }

/*-------------------------- Styling for RSS Widget -------------------------------------*/
.rss_container {width:294px; height:440px; border:1px solid gray; background-color: #ffffff;}

.rssFeed {font-family: Arial, Helvetica, sans-serif; font-size: 90%; color: #002b55;  height:428px;}
.rssFeed a {color: #444; text-decoration: none; }
.rssFeed a:hover { color: #000;	text-decoration: underline; }
/* --------------- RSS Header block  -------------------------------------*/         
.rssHeader { padding: 0.2em; font-size: 1.4em; height:26px; background-color: #ffffff;}

/* --------------- RSS Feed Body  -------------------------------------*/  
.rssBody { border: 0px solid #999; background-color: #e8e8fc;}
.rssBody ul { list-style: none; }
.rssBody ul, .rssRow, .rssRow h4, .rssRow p { margin: 0; padding: 0; }

.rssRow { padding: 0.8em; }
.rssRow h4 { font-size: 1.1em; }
.rssRow div { font-size: 90%; color: #666;	margin: 0.2em 0 0.4em 0;}

.Odd { background-color: #e8e8fc; }
.Even { background-color: #d4d4e8; }

.rssRow .rssMedia {	padding: 0.5em;	font-size: 1em;}

.survey_setup_box {background: url(/vert/default/images/question_background_wide.png) no-repeat;}
.survey_question_box {background: url(/vert/default/images/question_background_new.png) no-repeat;}
.survey_setup_box  .inner {padding: 12px; height:400px; width:852px;}
.survey_setup_box_popup {background: url(/vert/default/images/question_background_l.gif) no-repeat; padding: 12px; height:650px; width:852px;}
.survey_question_box_popup {background: url(/vert/default/images/question_background_l.gif) no-repeat; padding: 12px; height:550px; width:852px;}
.survey_text_number {font-family: Segoe UI Semibold, arial, sans-serif; font-size: 1.3em; color: #002b55; width:50px; height:40px; vertical-align:top;}
.survey_text {font-family: Segoe UI, arial, sans-serif; font-size: 1.1em; color: #002b55; padding-left:20px;}
div.survey_text_graph {z-index: 101; font-family: Segoe UI, arial, sans-serif; font-size: 1.2em; color: #002b55;  overflow:hidden;}
survey_label {font-weight:400; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 1em; color: #002b55; padding-left:10px;float:left !important;}
.survey_question_number {font-family: Segoe UI Semibold, arial, sans-serif; font-size: 1.5em; color:blue; padding: 10px 0px 0px 10px; }
.survey_question_text {
    color: #002b55;
    font-weight: 400;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.2em;
    margin: 10px 10px 10px 0px;
}
.survey_results_intro {
    font-family: Segoe UI Semibold, arial, sans-serif;
    font-size: 1.4em;
    color: #6ab03e;
    padding-left: 16px;
}
.survey_question_note {font-size:.8em; font-style:italic}
.survey_message_popup {}
.surveybuttonlist input {width: 80px; height:12px; padding-top:10px; margin:0px; position:relative; top:8px; }
.surveybuttonlist label {display:block; padding-left:25px; text-indent:-1px; margin-top:-6px; font-weight:400; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 1em; color: #002b55;}
.bump10 {margin-left:10px;}
.left_arrow_button {width: 48px; height: 48px;	background: url(/vert/Default/images/arrow-left.png)}
.right_arrow_button {width: 48px; height: 48px; background: url(/vert/Default/images/arrow-right.png)}
.signin_spacer img{margin-bottom: 8px;}
.Radgrid_cell_align_top {vertical-align: top !important;}
.Radgrid_no_decor a:link, a:visited {text-decoration: none;}

.wide_iframe {width: 960px; height: 1200px; margin-left:-10px;}
.guidelines_frame {width: 875px; height: 375px;}
#edit_registry p {font-size:.95em;}
.product_tab_combo {margin-left:100px;}
.menu_style_padding {
    padding-left: 16px;
}

input[type=checkbox]
{
  -webkit-appearance:checkbox;
}
/* Landing page classes */
.workflow_text_intro {color: #002b55; font-weight:400; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:1.3em; margin:20px 60px 10px 0px;}

.ListControl input[type=checkbox]
{
    display: none;
}

.ListControl input[type=radio]
{
    display: none;
}

.ListControl label
{
    display: inline;
    float: left;
    color: #000;
    cursor: pointer;
    text-indent: 60px;
    white-space: nowrap;
    margin-top:20px;
    margin-left:20px;
    
}

.ListControl input[type=checkbox] + label
{
    display          : block;
    width            : 2em;
    height           : 2em;
    border           : 0.0625em solid rgb(192,192,192);
    border-radius    : 0.25em;
    background       : rgb(16,161,205);
    background-image : -moz-linear-gradient(rgb(240,240,240),rgb(16,161,205));
    background-image : -ms-linear-gradient(rgb(240,240,240),rgb(16,161,205));
    background-image : -o-linear-gradient(rgb(240,240,240),rgb(16,161,205));
    background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(16,161,205));
    background-image : linear-gradient(rgb(240,240,240),rgb(16,161,205));
    vertical-align   : middle;
    line-height      : 2em;
    font-size        : 14px;

}

.ListControl input[type=checkbox]:checked + label::before
{
    content         : "\2714";
    color           : #000;
    height          : 1em;
    line-height     : 1.1em;
    width           : 1em;
    font-weight     : 900;
    margin-right    : 30px;
    margin-left     : -50px;
    padding-right:20px;
}

.ListControl input[type=radio] + label  
{
    display          :block;
    width            : 2em;
    height           : 2em;
    border           : 0.0625em solid rgb(192,192,192);
    border-radius    : 1em;
    background       : rgb(16,161,205);
    background-image : -moz-linear-gradient(rgb(240,240,240),rgb(16,161,205));
    background-image : -ms-linear-gradient(rgb(240,240,240),rgb(16,161,205));
    background-image : -o-linear-gradient(rgb(240,240,240),rgb(16,161,205));
    background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(16,161,205));
    background-image : linear-gradient(rgb(240,240,240),rgb(16,161,205));
    vertical-align   : middle;
    line-height      : 2em;
    font-size        : 14px;
}

.ListControl input[type=radio]:checked + label::before
{
    content         : "\2714";
    color           : #000;
    display         : inline;
    width           : 1em;
    height          : 1em;
    margin-right    : 0px;
    margin-left     : -50px;
    padding-right:20px;
}

.CheckBoxLabel
{
    white-space: nowrap;
}

.SingleCheckbox input[type=checkbox]
{
    display: none;
}

.SingleCheckbox label  
{
    display: block;
    float: left;
    color: #000;
    cursor: pointer;
}

.SingleCheckbox input[type=checkbox] + label
{
    width            : 2em;
    height           : 2em;
    border           : 0.0625em solid rgb(192,192,192);
    border-radius    : 0.25em;
    background       : rgb(16,161,205);
    background-image : -moz-linear-gradient(rgb(240,240,240),rgb(16,161,205));
    background-image : -ms-linear-gradient(rgb(240,240,240),rgb(16,161,205));
    background-image : -o-linear-gradient(rgb(240,240,240),rgb(16,161,205));
    background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(16,161,205));
    background-image : linear-gradient(rgb(240,240,240),rgb(16,161,205));
    vertical-align   : middle;
    line-height      : 2em;
    text-indent      : 20px;
    font-size        : 14px;
}

.SingleCheckbox input[type=checkbox]:checked + label::before
{
    content         : "\2714";
    color           : #000;
    height          : 1em;
    line-height     : 1.1em;
    width           : 1em;
    font-weight     : 900;
    margin-right    : 30px;
    margin-left     : -50px;
    padding-right:20px;
}

/*Classes for rounded boxes*/
.rounded_box {
    border: 1px solid #ccc; 
    border-radius: 6px; 
    box-shadow: 2px 2px 3px #666; 
    font-size: 20px; 
    padding: 4px 7px; 
    outline: 0;
    height:24px; 
}
.formRight select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ccc; 
    border-radius: 10px;
    box-shadow: 2px 2px 3px #666;
    height: 30px;
    margin: 0px;
    padding: 4px 7px;
    width: 220px;
}
textarea#formtextarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ccc; 
    border-radius: 10px;
    box-shadow: 2px 2px 3px #666;
    height: 60px;
    margin: 0px;
    padding: 4px 7px;
    width: 280px;
}
.newlegend { font-weight:300; font-size:1.1em; margin-top:-0.2em; margin-bottom:1em; font-style:italic;}

.responsive_image_header {
    max-height: 90px;
    max-width: 400px;
}

.chkmark_in_control {margin-top: -20px; margin-right: 40px;}

.page_center {width:100%; max-width: 100%; margin: 0 auto; display: block;}
.page_center_all {margin:0 auto; text-align:center; width: 100%;}
.page_sinfo_margin {margin-top: -12px;}

/* Assessment Results Classes*/
.div_assessment {width:100%; margin-left:1%}
.div_assessment_inner {text-align:left; width:1140px;}
.assessment_heading {font-weight:600; font-size:1.4em;}
.assessment_section_label {
    font-weight: 400;
    font-size: 1.2em;
    color: #6ab03e;
}
.assessment_priority_good {font-weight:600; font-size:1.2em; color:#000000;}
.assessment_priority_not_good {font-weight:600; font-size:1.2em; color:#000000;}
.assessment_metric {font-weight:600; font-size:1.5em; color:#000000;}
.clinical_label {font-weight:400; font-size:1em;}
.clinical_value {font-weight:400; font-size:1em;}
.clinical_value_left {width:75%; float:left; margin-bottom:6px;}
.clinical_value_right {width:23%; margin-left:1%; float:left;margin-bottom:6px;}
.clinical_value_left_top {width:65%; float:left; margin-bottom:6px;}
.clinical_value_right_button {width:30%; margin-left:1%; margin-right:3%; float:left;margin-bottom:6px;}
.clinical_value_right_button_bottom {width:30%; margin-right:3%; float:right;margin-bottom:6px;}
.clinical_note {font-weight:400; font-size:.8em; font-style:italic;}

.headline_number {font-weight:600; font-size:4em; color:#6ab03e}

.headline_number_legend {font-weight:400; font-size:1.1em; color:#666666;}
.not_visible {visibility:hidden}
.reqrd {float: none; color: red;}

/*Member Name and Company Name*/
.member_comp_space {
    margin-top: -3px;
    color: #ffffff;
    display: block;
    font-size: .9em;
    text-decoration: none;
}
/*Account Manager Title*/
.acct_mgr_title_style {
    font-weight: 700;
    color: #ffffff;
    display: block;
    font-size: .9em;
    text-decoration: none;
}
/*Account Manager Name*/
.acct_mgr_style {
    font-weight: 400;
    color: #ffffff;
    display: block;
    margin-top: -4px;
    font-size: .9em;
    text-decoration: none;
}
/*Account Manager Name*/
.acct_mgr_style_new {
    font-weight: 400;
    color: #ffffff;
    vertical-align: top;
    font-size: .9em;
    text-decoration: none;
}

.acct_mgr_mail_icon {
    margin-top: -6px;
    vertical-align: top;
}
/*phone number*/
.acct_mgr_phone_style {
    font-weight: 400;
    color: #ffffff;
    display: block;
    margin-top: -6px;
    font-size: .9em;
    text-decoration: none;
}
.form_align_RO_popup {margin-left:180px;}
.privacy_scroll_box {width: 90%; margin: 0 auto; padding: 10px 10px 0px 10px; height: 80%; background-color: #f0f0f0; }

.HC_Captcha_image {
    margin: 0 auto;
}
.reduced_page_size {width:1220px; margin: 0 auto;}
.reduced_page_size_r {width: 70%; margin: 0 auto;}
.reduced_grid_size {width: 1120px;}

.m_icon {
    background-color: transparent;
    background-image: none;
    border: 0px solid !important;
    box-shadow: none;
    color: white ;
    vertical-align:middle;
}
.m_icon_dark {
    background-color: transparent;
    background-image: none;
    border: 0px solid !important;
    box-shadow: none;
    vertical-align: middle;
}
.m_icon_text {
    font-size: 1.2em;
    vertical-align: middle;
}

div.RadGrid a.material-icons {
    color: unset;
    text-decoration: none;
    width: 25px;    
}

.editButton a {
    text-decoration: none;
    width: 25px;
    color: unset;
}

.menu_bar_collapse {
    width: 100%;
    height: 30px;
    background-color: #eff8fb;
    border-radius: 4px;
    border: solid 1px #ececec;
}
.menu_bar_icon, .menu_bar_text, .menu_bar_help {
    font-size: 2.1em;
    color: #808080;
    background: transparent;
    border: transparent;
}
.menu_bar_text {font-size:1.1em;}
.menu_bar_help {font-size:1.1em; vertical-align:text-top}

.referral_headline_number {
    color: #0e7574;
    font-size:3em;
}
.headline_number_section {
    width: 220px;
    text-align: left;
    float: left;
}
.referral_headline_legend {
    color: #0e7574;
    font-size: 1em;
}
.referral_headline_number_mid {
    color: #4f6c96;
    font-size: 2.2em;
}

.referral_headline_number_small {
    color: #4f6c96;
    font-size: 1.8em;
}

.referral_headline_legend_small {
    color: #4f6c96;
    font-size: 1em;
}
.new_patient_label, .new_user_label {
    padding-top: 6px;
    font-size: 1.2em;
}
.form_align_new_patient_label, .form_align_new_user_label {
    width: 240px;
    display: block;
    float: left;
    text-align: right;
    padding-right: 10px;
}
.form_align_new_user_label {
    width: 240px;
}
.form_new_user_div {
margin-top:4px; float:left} 

.referral_filter_section {
    width: 580px;
    background-color: #ffffff;
    border-radius: 5px;
    float: left;
    height: 230px;
}
.referral_selected_filters {
    width: 1190px;
    background-color: white;
    border-radius: 5px;
    float: none;
    display: inline-block;
    margin-top: 10px;
    padding: 10px 0px 10px 10px;
}
.referral_graph_box {
    width: 680px;
    height: 180px;
    float: left;
    border-radius: 5px;
    background-color: white;
}
.align_full_center {
    width: 100%;
    text-align: center}
.html_chart {
height:120px; width:360px; background-color:azure; border-radius:5px; border:1px solid lightblue;
}
.gallery_half {
    width: 48%;
    margin-top: 10px;
    margin-right: 3%;
    padding-left: 10px;
    float: left;
    text-align: left;
}
.gallery_full {
    width: 96%;
    margin-top: 10px;
    margin: 0 auto;
    float: none;
    text-align: center;
}
/*Password classes*/
.Base {
    display: inline-block;
    font: 12px/18px "segoe ui",arial,sans-serif;
    height: 20px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 90px;
    color: #fff;
    border: 0px solid #333;
    float: left;
    margin-top: 6px;
    margin-left: 6px;
}

.L0 {
    border: 0 none;
}

.L1 {
    background-color: #ff3933;
}

.L2 {
    background-color: #ff6633;
}

.L3 {
    background-color: #ff3399;
}

.L4 {
    background-color: #cccc33;
}

.L5 {
    background-color: #33cc00;
}

.profile_note {
    font-size: 1.2em
}
.hc_deal_reg_adjust {margin-top:0px;}
.check_avail_button_pos {margin-top:10px;}

/* new header positioning */

.header_logo_pos {
    float: left;
    width: 30%;
    z-index: 10;
    position:relative;
}
.header_ad_pos, .banner_ad_location {
    float: left;
    margin: 0 auto;
    width: 38%
}

#banner-background .banner-span, .control_page_header {
display: flex; 
justify-content: center; 
width: 100%;
}

#Image_logo img {
    float: left;
    margin-left: 0px;
    z-index: 10;
}

#Image_ad img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 5;
}
.banner-ad {
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 5;
}

.header_signout_link_pos {
    float: left;
    margin-left: 40px;
    margin-top: 0px;
}
.header_UID {
    font-size: .9em
}

.header_signout_link {
    z-index: 10000 !important;
}
.header_social_pos {margin-top:10px;}